<html><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
  <link rel="stylesheet" href="theme.css" type="text/css"> 
</head><body>
  <nav class="navbar navbar-expand-md navbar-light bg-faded">
             <div class="container"> 
                  <a class="navbar-brand" href="#">Navbar</a> 
                  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                  </button>
                  <div class="collapse navbar-collapse" id="navbarSupportedContent">
                     <ul class="navbar-nav mr-auto">
                       <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li>
                       <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li>
                       <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                       <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                     </ul>
                     <form class="form-inline my-2 my-lg-0"> <input class="form-control mr-sm-2" type="text" placeholder="Search"> <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> </form>
                  </div>
             </div>
            </nav><div class="py-5  section">
               <div class="container">
                  <div class="row">
                     <div class="col-md-6">
                        <h1 class="text-primary">HEADING</h1>
                        <p class="lead">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,
                           pretium quis, sem.
                        </p>
                     </div>
                     <div class="col-md-6">
                        <img src="https://pingendo.com/assets/photos/wireframe/photo-1.jpg" class="img-fluid">
                     </div>
                  </div>
               </div>
            </div><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
  <script src="https://pingendo.com/assets/bootstrap/bootstrap-4.0.0-alpha.6.min.js"></script>



</body></html>